<!DOCTYPE html> 
<html lang="en"> 


<head> 

<meta charset="UTF-8" />
<meta name="robots" content="index, follow" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

<!-- page title, displayed in your browser bar -->
<title>Zeux - A responsive & super flexible portfolio template</title>


<!-- add css stylesheets -->	
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"/>

<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

<!--[if lte IE 6]>
	<style>#top, #bottom, #left, #right { display: none; }</style>
<![endif]-->

<!--[if IE]> 
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 

<!--[if lte IE 7]> 
	<script src="js/IE8.js" type="text/javascript"></script>
<![endif]--> 

<!--[if lt IE 7]>  
	<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/>
<![endif]--> 


<!-- mobile setting -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- jquery -->
<script type='text/javascript' src='js/jquery.js'></script>

<!-- fancy box -->
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

<!-- easing -->
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>

<!-- Tabs -->
<script type="text/javascript" src="js/jquery.tools.min.js"></script>

<!-- custom script -->
<script type='text/javascript' src='js/scripts.js'></script>

<!-- quote rotator -->
<script type='text/javascript' src='js/jquery.quovolver.js'></script>

<!-- FlexiSlider -->
<script type="text/javascript" src="js/jquery.flexslider.js"></script>

<!-- Twitter -->
<script type="text/javascript" src="js/twitter.js"></script>

<!-- Flickr  -->
<script type="text/javascript" src="js/jflickrfeed.min.js"></script>

<!-- isotope  -->
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>

<!-- image preloader  -->
<script type="text/javascript" src="js/jquery.preloader.js"></script>

<!-- google webfont font replacement -->
<link href='http://fonts.googleapis.com/css?family=Armata' rel='stylesheet' type='text/css'>

</head>

<body id="top">

	<div id="content">
	
		<!-- Main Header -->
		<header id="main-header">
			
			<!-- Head Container -->
			<div class="container_wrap" id="header">
				<div class="container">
					<h1 class="logo bg-logo">
						<a href="index.html">
							<img src="images/logo.png" alt=""/>
						</a>
					</h1>
					<div class="main_menu">
						<div>
							<ul class="menu">
								<li><a href="index.html">Home</a>
									<ul>
										<li><a href="index_v2.html">Homepage Version 2</a></li>
										<li><a href="index_v3.html">Homepage Version 3</a></li>
										<li><a href="index_v4.html">Homepage Version 4</a></li>
									</ul>
								</li>
								<li><a href="blog.html">Blog</a>
									<ul>
										<li><a href="blog-standard-post.html">Blog Standard Post</a></li>
										<li><a href="blog-link-post-type.html">Blog Link Post Type</a></li>
										<li><a href="blog-quote-post-type.html">Blog Quote Post Type</a></li>
										<li><a href="blog-gallery-post-type.html">Blog Gallery Post Type</a></li>
									</ul>
								</li>
								<li><a href="#">Template Pages</a>
									<ul>
										<li><a href="#">Responsive Sliders</a>
											<ul>
												<li><a href="slider-flexslider.html">FlexSlider</a></li>
												<li><a href="slider-wmuslider.html">wmuSlider</a></li>
											</ul>
										</li>
										<li><a href="#">Features</a>
											<ul>
												<li><a href="notifictions.html">Notifications</a></li>
												<li><a href="styled-lists.html">Styled Lists</a></li>
												<li><a href="typography.html">Typography</a></li>
												<li><a href="columns.html" class="current">Columns</a></li>
												<li><a href="icon-headings.html">Icon Headings</a></li>
												<li><a href="buttons.html">Buttons</a></li>
												<li><a href="tabs-toggles.html">Tabs &amp; Toggles</a></li>
												<li><a href="right-sidebar.html">Right Sidebar Layout</a></li>
												<li><a href="left-sidebar.html">Left Sidebar Layout</a></li>
											</ul>
										</li>
										<li><a href="about.html">About Us</a></li>
										<li><a href="team.html">Our Team</a></li>
										<li><a href="services.html">Our Services</a></li>
										<li><a href="pricing-table.html">Pricing Table</a></li>
										<li><a href="testimonials.html">Testimonials</a></li>
										<li><a href="404.html">Error 404</a></li>
									</ul>
								</li>
								<li><a href="#">Portfolio</a>
									<ul>
										<li><a href="portfolio-standard-4col.html">Portfolio Standard 4 Columns</a></li>
										<li><a href="portfolio-standard-3col.html">Portfolio Standard 3 Columns</a></li>
										<li><a href="portfolio-standard-2col.html">Portfolio Standard 2 Columns</a></li>
										<li><a href="portfolio-sortable-4col.html">Portfolio Sortable 4 Columns</a></li>
										<li><a href="portfolio-sortable-3col.html">Portfolio Sortable 3 Columns</a></li>
										<li><a href="portfolio-sortable-2col.html">Portfolio Sortable 2 Columns</a></li>
										<li><a href="project.html">Project Page</a></li>
									</ul>
								</li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- End Head Container -->

			<!-- Page Title Container -->
			<div class="container_wrap" id="page-title">
				<div class="container">
					<div class="full">
						<h2>Columns</h2>
					</div>
				</div>	
			</div>
			<!-- End Page Title Container -->

		</header>
		<!-- End Main Header -->

		<!-- Main Container -->
		<section id="main-content">

			<!-- Container -->
			<div id="container">

				<!-- Begin Services  -->
				<div class="container"  id="full-content">

					<!-- Begin Text heading  -->
					<div class="full">
				
						<p>Vivamus nam arcu purus feugiat. Nunc tincidunt aliquet labore tellus, magna quisque erat morbi placerat donec quisque, felis sapien inceptos imperdiet wisi nec, pede donec mauris mauris cursus amet libero. Enim amet tortor dapibus cum sed, libero non pulvinar, eu nulla sit phasellus fringilla, in elit turpis congue faucibus. Ut habitasse ac, qui porta velit, aptent fermentum natoque cras id libero. Litora accumsan eget donec arcu tortor, ornare praesent at lacus sollicitudin ultrices, nec donec arcu bibendum eu, ut in et non neque, sed potenti quisque.</p>
						
					</div>	
					<!-- End Text heading  -->
					
					<div class="entry-title">
						<h5><span>TWO COLUMNS</span></h5>
					</div>
					
					<div class="one_half first">
						<p><span class="dropcap">1</span>Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
					</div>

					<div class="one_half">
						<p><span class="dropcap">2</span>Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
					</div>


					<div class="entry-title">
						<h5><span>THREE COLUMNS</span></h5>
					</div>
					
					<div class="one_third first">
						<p><span class="dropcap">1</span>Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
					</div>

					<div class="one_third">
						<p><span class="dropcap">2</span>Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
					</div>

					<div class="one_third">
						<p><span class="dropcap">3</span>Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
					</div>

					<div class="two_third first">
						<p><span class="dropcap">1</span>Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem. Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem. Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada.</p>
					</div>
					<div class="one_third">
						<p><span class="dropcap">2</span>Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
					</div>
					
					
							
					<div class="one_third first">
						<p><span class="dropcap">1</span>Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
					</div>
					<div class="two_third">
						<p><span class="dropcap">2</span>Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem. Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem. Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada.</p>
					</div>


		
					<div class="entry-title">
						<h5><span>FOUR COLUMNS</span></h5>
					</div>
						
					<div class="one_fourth first">
						<p><span class="dropcap">1</span>Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
					</div>

					<div class="one_fourth">
						<p><span class="dropcap">2</span>Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
					</div>

					<div class="one_fourth">
						<p><span class="dropcap">3</span>Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
					</div>

					<div class="one_fourth">
						<p><span class="dropcap">4</span>Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
					</div>
					
				</div>
				<!-- End Columns -->
				
				<!-- Footer Container -->
				<footer class="container_wrap" id="footer">
				
					<!-- Begin Footer -->
					<div class="container">
					
						<div class="one_fourth first column_container">
							<div class="widget">
								<div class="widget-title">Quick Links</div>
								<div class="widget-content links">
									<ul>
										<li><a href="#">Home</a></li>
										<li><a href="#">About Us</a></li>
										<li><a href="#">Our Services</a></li>
										<li><a href="#">Contact Us</a></li>
									</ul>
								</div>
							</div>	
						</div>	
						
						<div class="one_fourth column_container">
							<div class="widget">
								<div class="widget-title">Recent News</div>
								<div class="widget-content archive">
									<ul class="news-wrap">
										<li class="news-content">
											<a class="news-link" title="" href="#">
												<strong class="news-headline">Lorem ipsum dolor sit<span class="news-time">February 11, 2012, 1:07 am</span></strong>
											</a>
										</li>
										<li class="news-content">
											<a class="news-link" title="" href="#">
												<strong class="news-headline">Ut dui erat, tristique nec interdum<span class="news-time">February 11, 2012, 1:07 am</span></strong>
											</a>
										</li>
										<li class="news-content">
											<a class="news-link" title="" href="#">
												<strong class="news-headline">Etiam varius gravida blandit<span class="news-time">February 11, 2012, 1:07 am</span></strong>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						
						<div class="one_fourth column_container">
							<div class="widget">
								<div class="widget-title">Latest Tweets</div>
								<div class="widget-content archive">
									<ul class="news-wrap" id="twitter_update_list">
										<li><p>Please wait while our tweets load <img src="images/indicator-white.gif" alt="loading"/></p></li>
									</ul>
									<p><span class="follow-twitter"><a href="https://www.cssmoban.com/?#!/agurghis">Follow Me +</a></span></p>
								</div>
							</div>
						</div>
							
						<div class="one_fourth column_container">
							<div class="widget">
								<div class="widget-title">Flickr Stream</div>
								<div class="widget-content">
									<ul id="flickr_widget">
									</ul>
									<p><span class="follow-twitter"><a href="http://www.cssmoban.com/?photos/agurghis/">View More +</a></span><p>
								</div>
							</div>
						</div>
						
					</div>
					<!-- End Footer -->
				
				</footer>
				<!-- End Footer Container -->
				
				<!-- Socket Container -->
				<div class="container_wrap" id="socket">
				
					<!-- Begin Copyright -->
					<div class="container">
						<span class="copyright">&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://www.cssmoban.com/" title="模板之家">模板之家</a> Collect from <a href="http://www.cssmoban.com/" title="网站模板" target="_blank">网站模板</a></span>
						
						<div class="backtop">
							<a href="#backtop">Top</a>
						</div>
					</div>
					<!-- End Copyright -->
				
				</div>
				<!-- End Socket Container -->

			</div>
			<!-- End Container -->

		</section>	
		<!-- End Main Container -->
	
	</div>
	

</body>
</html>